{% load static %}
<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>重庆邮电大学|{% block title %}{% endblock %} </title>
    <link href="{% static 'css/bootstrap.css' %}" rel="stylesheet">
    <link href="{% static 'css/style.css' %}" rel="stylesheet">
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
</head>

<body>
    <div class="container top">
    <div class="row">
        <div class="col-md-6">
            <a>
                <img class="img-responsive" src="{% static 'img/logo.jpg' %}">
            </a>
        </div>
        <div class="col-md-3 hidden-xs" style="margin-top: 20px">
            <a class="phone ant">
                <span class="glyphicon glyphicon-phone"></span>电话：400 1111 0000 &nbsp; &nbsp;
            </a>
        </div>
        <div class="col-md-3 hidden-xs" style="margin-top: 20px">
            <a class="mail ant">
                <span class="glyphicon glyphicon-envelope"></span>邮箱：CQUPT@126.com
            </a>
            <!-- 管理员入口按钮，与邮箱标签同一行 -->
            <a href="/admin/" class="btn btn-primary" style="margin-top:0px;margin-left: 330px; vertical-align: middle; padding-right: 15px ;padding-left: 15px; padding-top:10px;font-size: 15px;">
                管理员入口
            </a>

        </div>
    </div>
</div>

    <!-- 导航条 -->
    <nav class="navbar navbar-default" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example"
                    aria-expanded="false">
                    <span>导航栏</span>
                </button>
            </div>
            <div class="collapse navbar-collapse" id="bs-example">
                <ul class="nav navbar-nav" style="width:100%;">
                    <li class="nav-top" id='home'>
                        <a href="{% url 'home' %}">首页</a>
                    </li>
                    <li class="dropdown nav-top" id='about'>
                        <a href="#" class="dropdown-toggle on" data-toggle="dropdown">
                            学校简介</a>
                        <ul class="dropdown-menu">
                            <li><a href="{% url 'aboutApp:survey' %}">学校概况</a></li>
                            <li><a href="{% url 'aboutApp:honor' %}">历史沿革</a></li>
                        </ul>
                    </li>
                    <li class="dropdown nav-top">
                        <a href="#" class="dropdown-toggle on" data-toggle="dropdown">
                            新闻动态</a>
                        <ul class="dropdown-menu">
                            <li><a href="{% url 'newsApp:news' 'company' %}">学校要闻</a></li>
                            <li><a href="{% url 'newsApp:news' 'industry' %}">前沿新闻</a></li>
                            <li><a href="{% url 'newsApp:news' 'notice' %}">>通知公告</a></li>
                        </ul>
                    </li>
                    <li class="dropdown nav-top" id='products'>
                        <a href="#" class="dropdown-toggle on" data-toggle="dropdown">
                            学术实践中心</a>
                        <ul class="dropdown-menu">
                            <li><a href="{% url 'productsApp:products' 'robot' %}">
                                   高性能单片直接数字频率合成器</a></li>
                            <li><a href="{% url 'productsApp:products' 'monitor' %}">
                                    智能家居监控系统测试</a></li>
                            <li><a href="{% url 'productsApp:products' 'face' %}">
                                    NGN网络综合测试仪</a></li>
                        </ul>
                    </li>
                    <li class="dropdown nav-top">
                        <a href="#" class="dropdown-toggle on" data-toggle="dropdown">
                            服务支持</a>
                        <ul class="dropdown-menu">
                            <li><a href="{% url 'serviceApp:download' %}">
                                    资料下载</a></li>
                            <li><a href="{% url 'serviceApp:platform' %}">
                                    校历查询</a></li>
                        </ul>
                    </li>
                    <li class="nav-top" id='science'>
                        <a href="{% url 'scienceApp:science' %}">重邮科研基地</a>
                    </li>
                    <li class="dropdown nav-top" id='contact'>
                        <a href="#" class="dropdown-toggle on" data-toggle="dropdown">人才招聘</a>
                        <ul class="dropdown-menu">
                            <li><a href="{% url 'contactApp:contact' %}">欢迎咨询</a></li>
                            <li><a href="{% url 'contactApp:recruit' %}">加入重邮</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="line"></div>

    {% block content %}
    {% endblock %}

    <div class="row" id="map-footer">
        <div class="col-md-2">
            <dl>
                <dt>学校简介</dt>
                <dd><a href="{% url 'aboutApp:survey' %}">学校概况</a></dd>
                <dd><a href="{% url 'aboutApp:honor' %}">历史沿革</a></dd>
            </dl>
        </div>
        <div class="col-md-2">
            <dl>
                <dt>学术实践中心</dt>
                <dd><a href="{% url 'productsApp:products' 'robot' %}">高性能单片直接数字频率合成器</a></dd>
                <dd><a href="{% url 'productsApp:products' 'monitor' %}">智能家居监控系统测试</a></dd>
                <dd><a href="{% url 'productsApp:products' 'face' %}">NGN网络综合测试仪</a></dd>
            </dl>
        </div>
        <div class="col-md-2">
            <dl>
                <dt>服务支持</dt>
                <dd><a href="{% url 'serviceApp:download' %}">资料下载</a></dd>
                <dd><a href="{% url 'serviceApp:platform' %}">校历查询</a></dd>
            </dl>
        </div>
        <div class="col-md-2">
            <dl>
                <dt>人才招聘</dt>
                <dd><a href="{% url 'contactApp:contact' %}">欢迎咨询</a></dd>
                <dd><a href="{% url 'contactApp:recruit' %}">加入重邮</a></dd>
            </dl>
        </div>
        <div class="col-md-4" id="wx">
            <p>扫描二维码，洞悉学校</p>
            <img class="qrimg" src="{% static 'img/qr.png' %}" alt="wx">
            <p>咨询：<b style="font-size:20px">400 111 2222</b></p>
        </div>
    </div>

    <script>
        $(function () {
            $(".dropdown").mouseover(function () {
                $(this).addClass("open");
            });
            $(".dropdown").mouseleave(function () {
                $(this).removeClass("open");
            });
        });
    </script>

    <script type="text/JavaScript">
        $('#{{active_menu}}').addClass("active");
    </script>

    <script type="text/JavaScript">
        $('#{{sub_menu}}').addClass("active");
    </script>
</body>

</html>